<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/html">
<head>
    <!-- Bootstrap time Picker -->
    <link rel="stylesheet" href="./plugins/timepicker/bootstrap-timepicker.min.css">
    <!-- Select2 -->
    <link rel="stylesheet" href="./plugins/select2/select2.min.css">
</head>
<body>
<div class="card-header">
    <button id="add" class="btn btn-primary btn-sm float-left" style="margin-right: 10px">添加员工</button>
</div>
<table id="example2" class="table table-bordered table-hover">
</table>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal1" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="max-width: 1000px;height: 300px">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title" id="myModalLabel">公司信息</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <!-- form start -->
                <form role="form" action="" id="form1">
                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;公司编号
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <input name="code" type="text" class="form-control" id="c_id" placeholder=""
                                       disabled>
                                <input name="cid" type="text" class="form-control" id="c_fid" placeholder=""
                                       style="display: none">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;公司名称
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <input name="cname" type="text" class="form-control" id="cname" value="">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;公司介绍
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9">
                            <div class="form-group">
                                <input name="cdesc" type="text" class="form-control" id="cdesc" value="">
                            </div>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="save1" type="button" class="btn btn-primary">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="max-width: 1000px;height:350px">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title" id="myModalLabel">子公司信息</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <!-- form start -->
                <form role="form" action="" id="form2">
                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;公司编号
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <input name="code" type="text" class="form-control" id="s_id" placeholder=""
                                       disabled>
                                <input name="sid" type="text" class="form-control" id="s_fid" placeholder=""
                                       style="display: none">
                            </div>
                        </div>
                    </div>

                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;公司名称
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <input name="sname" type="text" class="form-control" id="s_name" value="">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;公司介绍
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9">
                            <div class="form-group">
                                <input name="sdesc" type="text" class="form-control" id="s_desc" value="">
                            </div>
                        </div>
                    </div>


                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="save2" type="button" class="btn btn-primary">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="max-width: 1000px;height:350px">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title" id="myModalLabel">部门信息</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <!-- form start -->
                <form role="form" action="" id="form3">
                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;部门编号
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <input name="code" type="text" class="form-control" id="d_id" placeholder=""
                                       disabled>
                                <input name="did" type="text" class="form-control" id="d_fid" placeholder=""
                                       style="display: none">
                            </div>
                        </div>
                    </div>
                    <!--                    <div class="row">
                                            <div class="col-lg-2">
                                                <div class="">
                                                    <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;上级公司
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <div class="form-group">
                                                    <input name="sname" type="text" class="form-control" id="sname" value="">
                                                </div>
                                            </div>
                                        </div>-->
                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;部门名称
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <input name="dname" type="text" class="form-control" id="d_name" value="">
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;部门介绍
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9">
                            <div class="form-group">
                                <input name="ddesc" type="text" class="form-control" id="d_desc" value="">
                            </div>
                        </div>
                    </div>


                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="save3" type="button" class="btn btn-primary">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal4" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="max-width: 1000px;height: 300px">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title" id="myModalLabel">职位信息</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>
            <div class="modal-body">
                <!-- form start -->
                <form role="form" action="" id="form4">
                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;职位编号
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <input name="code" type="text" class="form-control" id="p_id" placeholder=""
                                       disabled>
                                <input name="pid" type="text" class="form-control" id="p_fid" placeholder=""
                                       style="display: none">
                            </div>
                        </div>
                    </div>
                    <!--                    <div class="row">
                                            <div class="col-lg-2">
                                                <div class="">
                                                    <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;职位
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-lg-9">
                                                <div class="form-group">
                                                    <input name="position" type="text" class="form-control" id="position" value="">
                                                    <input name="pid" type="text" class="form-control" id="pid" value="" style="display: none">
                                                </div>
                                            </div>
                                        </div>-->
                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;职位名称
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <!-- /.form-group -->
                                <div class="form-group">
                                    <input name="pname" type="text" class="form-control" id="p_name" value="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-lg-2 mt-2">
                            <div class="">
                                <div style=" line-height: 1.5em;margin-top: 6px;" class="text-center"><code>*</code>&nbsp;&nbsp;职位描述
                                </div>
                            </div>
                        </div>
                        <div class="col-lg-9 mt-2">
                            <div class="form-group">
                                <!-- /.form-group -->
                                <div class="form-group">
                                    <input name="pdesc" type="text" class="form-control" id="p_desc" value="">
                                </div>
                            </div>
                        </div>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="save4" type="button" class="btn btn-primary">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- 模态框（Modal） -->
<div class="modal fade" id="myModal5" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="max-width: 1000px;height: 700px">
        <div class="modal-content">
            <div class="modal-header">

                <h4 class="modal-title" id="myModalLabel">职工信息</h4>
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
            </div>


            <div class="modal-body">
                <!-- form start -->
                <form role="form" action="" id="form5">
                    <div class="row">
                        <table id="userList" class="table table-bordered table-hover">
                        </table>
                    </div>

                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button id="save5" type="button" class="btn btn-primary">保存</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!--点击删除按钮后弹出的页面-->
<div class="modal fade" id="deleteModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog" style="height: 200px">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="myModalLabel">
                    提示
                </h4>
                <!--<button type="button" class="close" data-dismiss="modal" aria-hidden="true">-->
                <!--&times;-->
                <!--</button> -->
            </div>
            <div class="modal-body">
                你确定要删除该条信息吗？
                <input id="del_id" style="display: none"/>
            </div>
            <div class="modal-footer">
                <button id="delBtn" type="submit" class="btn btn-primary" value="submit">确定</button>
                <button type="button" class="btn btn-default" data-dismiss="modal">取消</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
<!-- Select2 -->
<script src="./plugins/select2/select2.full.min.js"></script>
<script src="./plugins/select2/i18n/zh-CN.js"></script>
<!-- date-range-picker -->
<script src="./plugins/daterangepicker/daterangepicker.js"></script>
<script src="./dist/js/company.js"></script>
</body>

</html>
